@import '/styles/mixins.less';
@import '/styles/variables.less';

.goods-list {
  .goods-list-items {
    .flex(center, flex-start);
    flex-wrap: wrap;
    .goods-list-item {
      flex-shrink: 0;
      min-width: 200rpx;
      width: 200rpx;
      background-color: @bc-page;
      height: 72rpx;
      line-height: 72rpx;
      border-radius: 8rpx;
      font-size: @font-26;
      color: @text-dark;
      overflow: hidden;
      text-align: center;
      margin-right: 24rpx;
      margin-bottom: 24rpx;
    }
    .goods-list-act {
      background-color: #E7F1FF;
      color: @primary-color;
      background-image: url();
      background-size: 38rpx;
      background-repeat: no-repeat;
      background-position: right bottom;
    }
  }
}